<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>联系我们</title>


    <!-- Bootstrap -->
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

    <!--自建css文件-->
    <link rel="stylesheet" href="__STATIC__/index/css/cmgd.css">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
        #allmap {width: 90%;height:400px;overflow: hidden;margin-left:30px;}
        #l-map{height:100%;width:78%;float:left;border-right:2px solid #bcbcbc;}
        #r-result{height:100%;width:20%;float:left;}
    </style>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.5&ak=DGI3mcMGlvA010NPfjTNhKhwoSuVlsHd"></script>

</head>
<body>
{include file="index/header" /}
<div class="container">
    <div  class="panel panel-primary">
        <div class="panel-heading">
            <h3 class="panel-title"><i class="glyphicon glyphicon-folder-open"></i> 商标分类</h3>
        </div>
        <div class="panel-body">
            <div>
                {volist name ='type' id = 'type' }
                <a href="{:url('Index/search_trademark',array('id'=>$type.id))}">
                    <!--search_trademark.html?id={$type.id}-->
                    <div style="width:122px;float: left;">{if condition = "$type.id  lt 10"} 0{$type.id}&nbsp;
                        {$type.type}&nbsp;&nbsp; {else}{$type.id}&nbsp;&nbsp;{$type.type}&nbsp;&nbsp;{/if}</div>
                </a>
                {/volist}
            </div>
        </div>
    </div>
</div>
<!--中间三列的排版面，row-->
<div class="container" >
    <div class="row">
        <div class="col-xs-4">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title"><i class="glyphicon glyphicon-search"></i> 商标搜索</h3>
                </div>
                <div class="panel-body">
                    <form class="form-horizontal m-t" name="add" id="add" method="post" action="{:url('search')}">
                        <div class="input-group">
                            <span class="input-group-addon" >商标类型：</span>
                            <select class="form-control m-b chosen-select" name="type" id="type">
                                <option value="">请选择</option>
                                {if !empty($cate)}
                                {foreach name="cate" item="cate"}
                                <option value="{$cate.id}">{$cate.id} {$cate.type}</option>
                                {/foreach}
                                {/if}
                            </select>
                        </div>
                        <div class="input-group input-group-sm">
                            <span class="input-group-addon " id="basic-addon1">注册号：</span>
                            <input type="text" class="form-control" placeholder="商标注册号" aria-describedby="basic-addon1"
                                   name="registration" id="registration">
                        </div>

                        <div class="input-group input-group-sm">
                            <span class="input-group-addon " id="basic-addon2">商标名称：</span>
                            <input type="text" class="form-control" placeholder="商标名称" aria-describedby="basic-addon2"
                                   name="name" id="name">
                        </div>
                        <div class="input-group input-group-sm">
                            <span class="input-group-addon " id="basic-addon3">群组：</span>
                            <input type="text" class="form-control" placeholder="请输入商品如'服装'或小分类'2501'" aria-describedby="basic-addon3" name="cluster" id="cluster">
                        </div>
                        <div class="col-sm-4 col-sm-offset-3">
                            <button class="btn btn-primary" type="submit">搜索</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <!--中间三列的排版面，row-->
        <div class="col-xs-4" style="width:66%;float:left;">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title"><i class="glyphicon glyphicon-user"></i>联系我们</h3>
                </div>
                {volist name='contact' id='contact'}
                {$contact.content}
                <div style="border-bottom: #cccccc 1px dotted; margin-top: 10px">&nbsp;</div>
                <div style="font-family:yahei consolas hybrid;font-size:20px;margin:10px 34px;"><b>我们的位置在这里</b></div>
                <div id="allmap" style="margin:20px 35px 50px;"></div>
                {/volist}
            </div>
        </div>
    </div>
</div>
</div>
</div>
</div>
</div>

<!--主体结束-->
<div class="clear" style=" clear:both;"> </div>
{include file="index/footer" /}
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript">
    var map = new BMap.Map("allmap");            // 创建Map实例
    var point = new BMap.Point({$contact['latitude']}, {$contact['longitude']});    // 创建点坐标
    map.centerAndZoom(point,18);                     // 初始化地图,设置中心点坐标和地图级别。
    function addMarker(point){
        var marker = new BMap.Marker(point);
        map.addOverlay(marker);
    }
    var point = new BMap.Point({$contact['latitude']}, {$contact['longitude']});
    addMarker(point);
    map.enableScrollWheelZoom();                            //启用滚轮放大缩小
</script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
</html>
